<template>
    <Spin fix v-show="modal">
        <Icon type="ios-loading" size=50 class="spin-icon-load"></Icon>
        <div>Loading...</div>
    </Spin>
</template>
<script>
import {Spin,Icon} from 'view-design';


export default {
	props:{
        modal:{
            type: Boolean,
            default:true,
        },
    },
	components:{
        Spin,
        Icon,
    },
    data () {
        return {
        }
    },
    methods: {
        
    },
    created:function(){
        
    },
}
</script>
<style>
    .spin-icon-load{
        animation: ani-demo-spin 1s linear infinite;
    }
    @keyframes ani-demo-spin {
        from { transform: rotate(0deg);}
        50%  { transform: rotate(180deg);}
        to   { transform: rotate(360deg);}
    }
</style>